<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="./js/sethtmlfontSize.js"></script>
    <link rel="stylesheet" href="./css/serviceSort.css">
    <link rel="stylesheet" href="./css/common.css">
    <title>服务分类</title>
</head>
<body>
    <div class="serviceSort" id="serviceSort">
        <ul class="sort-nav l">
            <li class="sort-li">全部分类</li>
            <li class="sort-li bg36fff">
                <span>全部分类</span>      
            </li>
            <li class="sort-li">全部分类</li>
            <li class="sort-li">全部分类</li>
            <li class="sort-li">全部分类</li>
            <li class="sort-li">全部分类</li>       
        </ul>
        <ul class="sort-nav-item l" id="sort-nav-item">
                    
        </ul>
    </div>
  
</body>
<script src="./js/jquery-1.7.2.min.js"></script>
<script>
    $(function(){
        $(".sort-li").on("click",function(){
            $(this).addClass("bg36fff").siblings(".sort-li").removeClass("bg36fff");
            
            var datali='<li><span>全部</span></li><li><span>全部</span></li><li><span>全部</span></li><li><span>全部</span></li>';
            
            $("#sort-nav-item").html(datali);    
        });
    })
    
    
</script>
</html>